/**
* 清除浮动
*/
@mixin clearfix () {
    clear: both;
    zoom: 1;

    &::after {
        content: '';
        visibility: hidden;
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
    }
}

@mixin created($blok) {
    $classNama: $blok !global;

    .#{$classNama} {
        @content;
    }
}

@mixin position($position: absolute, $long: 0) {
    margin: auto;
    position: $position;
    top: $long;
    left: $long;
    right: $long;
    bottom: $long;
}

@mixin flexCenter ($direction:column) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: $direction;
}

/**
*   溢出显示省略号
*/
@mixin overflow () {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@mixin transform45 () {
    transform: rotate(45deg) scale(1.5) translate(0, 0);
    -webkit-transform: rotate(45deg) scale(1.5) translate(0, 0);
    /* for Chrome || Safari */
    -moz-transform: rotate(45deg) scale(1.5) translate(0, 0);
    /* for Firefox */
    -ms-transform: rotate(45deg) scale(1.5) translate(0, 0);
    /* for IE */
    -o-transform: rotate(45deg) scale(1.5) translate(0, 0);
    /* for Opera */
}

@mixin transform90 () {
    transform: rotate(90deg) scale(1.5) translate(0, 0);
    -webkit-transform: rotate(90deg) scale(1.5) translate(0, 0);
    /* for Chrome || Safari */
    -moz-transform: rotate(90deg) scale(1.5) translate(0, 0);
    /* for Firefox */
    -ms-transform: rotate(90deg) scale(1.5) translate(0, 0);
    /* for IE */
    -o-transform: rotate(90deg) scale(1.5) translate(0, 0);
    /* for Opera */
}